.home-container {
  height: 100%;
  width: 100%;
  --topBarHeight: 38px;
  --tabBarHeight: 41px;

  // 顶部搜索栏
  .top-bar {
    height: var(--topBarHeight);
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: var(--adm-color-primary);

    .logo {
      width: 50%;

      .title {
        font-size: x-large;
        color: var(--g-white);
        text-align: center;
        line-height: var(--topBarHeight);
        letter-spacing: .5rem;
      }
    }

    .search {
      width: 40%;
      --background: var(--g-theme-color);
      --border-radius: 100vh;
      --placeholder-color: var(--g-white);
    }
  }

  // 频道分类列表
  .Channel-classification {
    height: var(--tabBarHeight);
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--adm-color-border);

    .tabs {
      flex: 1;

      :global(.adm-tabs-header) {
        border-bottom-width: 0;
      }
    }

    .adm-tabs-header-mask-right {
      right: -1px;
    }

    .moreIcon {
      font-size: var(--adm-font-size-9);
      margin: 0 12px;
    }
  }

  // 文章列表
  .article-list {
    padding: 10px;
    height: calc(100% - var(--topBarHeight) - var(--tabBarHeight));
    overflow-y: auto;
  }
}